<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Main Page</title>
</head>
<body>
	<div id="wrapper">
		<div id="header">
			<h1>Hello My Template</h1>
		</div>
		<div id="nav">
			<ol>
				<li><a href="#">Home</a></li>
				<li><a href="#">Contact us</a></li>
				<li><a href="#">Links</a>
					<ol>
						<li><a href="#">google</a></li>
						<li><a href="#">iyouuu.com</a></li>
						<li><a href="#">Facebook</a></li>
					</ol>
				</li>
			</ol>
		</div>
		<div id="content">
			<div id="left-side">
				<ol>
					<li><a href="#">xxxxx</a></li>
					<li><a href="#">xxxxx</a></li>
					<li><a href="#">xxxxx</a></li>
					<li><a href="#">xxxxx</a></li>
					<li><a href="#">xxxxx</a></li>
				</ol>
			</div>
			<div id="right-side">
				<h2>เนื้อหา</h2>
				<p>Ajax readyState จากตัวอย่างก่อนหน้านี้จะเป็นการกำหนด Perameter(.open) เป็น false เช่น HttPRequest.open('POST',url,false); คือให้มีการทำงานทันทีทุกครั้งที่มีการ Request โดยไม่ต้องสนใจสถานะใด ๆ ทั้งสิ้น แต่ถ้ากำหนดเป็น Perameter(.open) เป็น true เช่น HttPRequest.open('POST',url,true); ในคำสั่งของ JavaScript จะเป็นการควบคุมในส่วนของ Status การทำงาน ซึ่งจะทำการส่งสถานะกลับมาในแต่ละครั้งที่ทำงาน เพื่อให้ผู้ใช้ทำการเขียน Script เพื่อดักจับสถานะของการทำงานในขณะนั้น ๆ ซึ่งบางครั้งเราจะสังเหตุว่า การทำงานค่อนข้างจะเร็วมาก แทบจะไม่มีข้อแตกต่างเลย</p>
			</div>
		</div>
		<div id="footer"></div>
	</div>
</body>
</html>